<template>
    <div class="Tooltip">
        <div class="flex-2 bar">
            <div style="flex-shrink: 0;"><span class="code"> {{ props.lang }}</span></div>
            <div class="icons">
                <el-button link :icon="CopyDocument">
                    复制
                </el-button>
                <el-button link :icon="Download">
                    下载
                </el-button>
            </div>
        </div>
        <div v-html="props.html" class="content"></div>
    </div>
</template>
<script setup lang="ts">
import { defineProps } from "vue"
import { MeeageType, renderHtml } from "@/types/chat.type";
import { CopyDocument, Download } from '@element-plus/icons-vue'
const props = defineProps<renderHtml>()

</script>
<style lang="scss" scoped>

</style>